<template>
  <dark-mode-container
    no-radius
    no-padding
    class="f-y-c h-60"
  >
    <div h-full flex-y-center flex-1 overflow-hidden>
      <menu-collapse />
      <breadcrumb />
    </div>
    <div flex-y-center justify-end h-full>
      <full-screen />
      <theme-switch />
      <!-- <message /> -->
      <user-avatar />
    </div>
  </dark-mode-container>
</template>

<script lang="tsx" setup>
import {
  Breadcrumb,
  FullScreen,
  MenuCollapse,
  // Message,
  UserAvatar,
  ThemeSwitch,
} from "./components";
</script>
